<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-midnightblue">
            <div class="panel-body">
                <form action="" class="form-horizontal row-fluid"  data-validate="parsley" id="validate-form">
                	<div class="row">
                		<!-- parsley.min.js -->
                		 <div class="form-group">
                    		<label class="col-sm-3 control-label" >绑定卡号:</label>
                    		<div class="col-sm-5">
                    			<input type="text"   placeholder="请将卡放到读卡器上" data-minlength="5"  data-type="number"  required="required"  name="card_no" class="form-control" id="card_no"/>
                    		</div>
                    		<div class="col-sm-1">
                    			 <div class="btn-danger btn" id="btn-sync">读卡</div>
                    		</div>
                   		 </div>
                   		 <!--http://sliptree.github.io/bootstrap-tokenfield/#-->
                   		 <div class="form-group">
                    		<label class="col-sm-3 control-label"  >个人标签（enter键结束）:</label>
                    		<div class="col-sm-6" >
                    			<input type="text"  id="tokenfield" value="red,green,blue" class="form-control" />
                    		</div>
                   		 </div>
                	</div>
                	
                	
                    <div class="row">
	                    <div class="form-group">
		                    	<div class="col-sm-8 col-sm-offset-2">
		                    			<div class="alert alert-dismissable alert-danger">
		                    				<strong>1.您已经录入的人脸模板，再次录入模板 提交后 将会覆盖之前的模板</strong>
		                    				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
		                    			</div>
		                    	</div>
	                    </div>
                    </div>
                    
                    <div class="row">
	                    <!--
	                    	作者：634073349@qq.com
	                    	时间：2018-01-31
	                    	描述：第一列
	                    	http://www.runoob.com/jquery/jquery-plugin-validate.html
	                    -->
	                    <div class="col-sm-6">
	                    	<div class="form-group">
	                    		<label class="col-sm-3 control-label has-error" >姓名(*):</label>
	                    		<div class="col-sm-8">
	                    			<input type="text" id="name"  name="name" data-required="true" class="form-control">
	                    		</div>
	                    	</div>
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >手机号(11):</label>
		                    		<div class="col-sm-8">
		                    			<input type="text" id="mobile"  name="mobile" required  data-maxlength="11" data-minlength="11"  class="form-control">
		                    		</div>
		                    </div>	
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >url:</label>
		                    		<div class="col-sm-8">
		                    			<input type="text" id="url"  name="url" required data-type="url"   class="form-control">
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label">年龄(1-100):</label>
		                    		<div class="col-sm-8">
		                    			<input type="text" id="age" value="0"   data-min="1"  data-max="100"  required  name="age"  class="form-control">
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label">卡号（10）:</label>
		                    		<div class="col-sm-8">
		                    			<input type="text" id="card_no" name="card_no"  required data-maxlength="10" data-minlength="10"  class="form-control">
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label">email:</label>
		                    		<div class="col-sm-8">
		                    			<input type="text" id="card_no" name="card_no"  required data-type="email"  class="form-control">
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >start-date:</label>
		                    		<div class="col-sm-8">
		                    			<!--http://bootstrap-datepicker.readthedocs.io/en/latest/options.html-->
		                    			<input type="text"  id="start-date" name="start-date"   class="form-control datepicker">
		                    		</div>
		                    </div>
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >end-date:</label>
		                    		<div class="col-sm-8">
		                    			<!--http://bootstrap-datepicker.readthedocs.io/en/latest/options.html-->
		                    			<input type="text"  id="end-date" name="end-date" data-bigto="#start-date"   class="form-control datepicker">
		                    		</div>
		                    </div>
	                    </div>
	                    <!--
	                    	作者：634073349@qq.com
	                    	时间：2018-01-31
	                    	描述：第二列
	                    -->
	                    <div class="col-sm-6">
	                    	<div class="form-group">
	                    		<label class="col-sm-3 control-label" >digits:</label>
	                    		<div class="col-sm-8">
	                    			<input type="text"  id="digits" name="digits" required   data-type="digits"  class="form-control">
	                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
	                    		<label class="col-sm-3 control-label" >password:</label>
	                    		<div class="col-sm-8">
	                    			<input type="text"  id="password" name="password" required   class="form-control">
	                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
	                    		<label class="col-sm-3 control-label" >password-eq:</label>
	                    		<div class="col-sm-8">
	                    			<input type="text"  id="password-eq" name="password-eq" required data-equalTo="#password"   class="form-control">
	                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
	                    		<label class="col-sm-3 control-label" >time:</label>
	                    		<div class="col-sm-8">
	                    			<input type="text"  id="time" name="time"   class="form-control alarm">
	                    		</div>
		                    </div>
		                    
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >money:</label>
		                    		<div class="col-sm-8">
		                    			<input type="text"  id="money" name="money" data-type="money"  class="form-control">
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label" >text:</label>
		                    		<div class="col-sm-8">
		                    			<textarea name="text" id="text" rows="6" placeholder="text" class="form-control"></textarea>
		                    		</div>
		                    </div>
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label"  >select-multiple:</label>
		                    		<div class="col-sm-8">
		                    			<select class="combox" id="sel_productTag" style="width: 100%;"  multiple>   
							                    <optgroup label="子辈">  
							                        <option value="kakaxi">卡卡西</option>  
							                        <option value="mingren">鸣人</option>  
							                        <option value="zuozhu">佐助</option>  
							                        <option value="xiaoying">小樱</option>  
							                    </optgroup>  
							                    <optgroup label="父辈">  
							                        <option value="bofengshuimen">波风水门</option>  
							                        <option value="dashewan">大蛇丸</option>  
							                        <option value="gangshou">纲手</option>  
							                        <option value="自来也">自来也</option>  
							                    </optgroup>  
							                </select>  
		                    		</div>
		                    </div>
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label"  >select:</label>
		                    		<div class="col-sm-8">
		                    			<select class="select2-single"  style="width: 100%;">
					                      <option value="0">-- 选择Demo ---</option>
										  <option value="1">Demo1</option>
										  <option value="1">Demo2</option>
										  <option value="1">Demo3</option>
										  <option value="1">Demo4</option>
										  <option value="1">Demo5</option>
										  <option value="1">Demo6</option>
										  <option value="1">Demo7</option>
										  <option value="1">Demo8</option>
										</select>
		                    		</div>
		                    </div>
		                    
		                    <div class="form-group">
		                    		<label class="col-sm-3 control-label"  >select-ajax:</label>
		                    		<div class="col-sm-8">
		                    			<select class="js-data-example-ajax"  style="width: 100%;">
										</select>
		                    		</div>
		                    </div>
	                    </div>
                    </div>
                </form>
            </div>
            <div class="panel-footer">
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3">
                        <div class="btn-toolbar">
                            <div class="row">
		                		 <div class="form-group">
		                    		<div class="col-sm-3">
		                    			 <div class="btn-primary btn" id="form-submit">提交</div>
		                    		</div>
		                    		<div class="col-sm-3">
		                    			 <div class="btn-default btn" data-dismiss="modal">关闭</div>
		                    		</div>
		                   		 </div>
                			</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='{$Think.GYM_VIEW_JS}demo/add.js'></script>